$(function () {

  // 点击去注册按钮
  $('#link-reg').on('click', function () {
    // 展示注册 show()
   
    $('.reg-box').show()

     // 隐藏登陆 hide()
    $('.login-box').hide()
  })

  // 点击去登陆按钮
  $('#link-login').on('click', function () {
    // 隐藏注册 hide()
   
    $('.reg-box').hide()

     // 显示登陆 show()
    $('.login-box').show()
  })

  // 使用layui.form.verify()函数  自定义校验规则
  layui.form.verify({
    // 键：值
    // 自定义校验规则的名字 自定义的校验规则
    uname:[/^[a-zA-Z0-9]{1,10}$/,"用户名必须是1-10位的字母或数字"],
    pwd: [/^\S{6,15}$/, "密码必须是6-15位的非空字符"],

    // 判断两次密码输入是否一致
    repwd: function (value) {
    // 获取输入密码的内容
    const pwd = $('.reg-box [name="password"]').val()
    // 判断是否两个值相等
    if (value !== pwd) {
      return "两次输入的密码不一致"
    }
    }
  })
  
  // 监测注册form的submit事件
  $('.reg-box form').on('submit', function (e) {
    // 阻止浏览器默认行为
    e.preventDefault()
    // $(this).serialize() 获取form下所有input的内容
    axios.post('/api/reg', $(this).serialize()).then(({ data: res }) => {
      if (res.code === 0) {
        // 弹出登陆成功信息
        layer.msg(res.message)
        // 注册成功返回登陆页面
        $('#link-login').click()
      } else {
        // 弹出登陆失败信息
        layer.msg(res.message)
      }
    })
  })
  // 监测登陆form的submit事件
  $('.login-box form').on('submit', function (e) {
    // 阻止浏览器默认行为
    e.preventDefault()

    // 发送post请求

    // $(this).serialize()  获取form下所有input的内容

    axios.post('/api/login', $(this).serialize()).then(({ data: res }) => {
      // code的值0代表登陆成功  1表示登陆失败
      if (res.code === 0) {
        // 弹出登陆成功框
        layer.msg(res.message)
        // 存储到本地
        localStorage.setItem('token',res.token)

        // 跳转到新页面
        location.href = '/index.html'
      } else {
        // 弹出登陆失败框
        layer.msg(res.message)
        // 从本地删除
        localStorage.removeItem('token')
      }
    })
  })
})